<template>
  <a-col :span="props.span" :name="props.name">
    <a-form-item :label="props.label" :required="props.required">
      <slot></slot>
    </a-form-item>
  </a-col>
</template>

<script setup>
const props = defineProps({
  label: { type: String, default: '' },
  span: { type: Number, default: 12 },
  required: { type: Boolean, default: false },
  name: { type: String, default: '' },
})
</script>

<style lang="scss" scoped></style>
